<template>
  <swiper>
    <!--      通过遍历banner中的数据获得轮播图的每一栏-->
    <swiper-item v-for="banner in banners.list" :key="banner.title">
      <a :href="banner.link">
        <img :src="banner.image" alt="">
      </a>
    </swiper-item>
  </swiper>
</template>
<script>
  import {Swiper, SwiperItem} from "@/components/common/swper"
export default {
  name: "homeSwiper",
  props:{
    banners: {
      default() {
        return []
      }
    }
  },
  components: {
    Swiper,
    SwiperItem
  }
}
</script>

<style scoped>

</style>
